//文档加载事件
$(function (){
    
    // header中右侧销售排行
    tabsToggle('#header .bestselling ul li');
    // 独家提供 右上方选项卡
    tabsToggle('#unique .tabs li');
    // 标签栏切换
    function tabsToggle(obj) {
        $(obj).mouseover(function(){
            $(this).addClass('active').siblings().removeClass('active');
        });
    }

    // 图书栏右侧排行榜
    $('#newbook .bookrank li').mouseover(function(){
        $(this).find('.detail').css('display', 'block');
        $(this).find('.short').css('display', 'none');
        $(this).siblings().find('.detail').css('display', 'none');
        $(this).siblings().find('.short').css('display', 'block');
    });

      //当前显示盒子的索引
    let index=0;
    // 单个盒子的高度
    let singleboxHeight =$("#guess .procon .procon-item").eq(0).outerHeight(true) ;
    console.log("单个盒子的高度:",singleboxHeight );
    // 复制第一个盒子追加到尾部
    $("#guess .procon .procon-item").eq(0).clone(true).appendTo($("#guess .procon .slideparent")) ;
    $("#guess .likebtn").click(function(){
        index++;
        console.log( "index=",index);   
        $("#guess .procon .slideparent").stop().animate({top: -index * singleboxHeight },200);
    
        if(index===3){
            index=0;
            $("#guess .procon .slideparent").css("top",0);
        }
    })

    // 顶部搜索栏
    $(window).scroll(function(){
        let st = $('html, body').scrollTop();
        console.log(st);
        if (st > 500) {
            // 搜索栏的显示
            $('#topsearch').stop().slideDown();
            // 复用搜索框
            $('#header .searchbox form').appendTo('#topsearch .searchcontainer');
        } else {
            // 搜索栏的隐藏
            $('#topsearch').stop().slideUp();
            $('#topsearch .searchcontainer form').appendTo('#header .searchbox');
        }
    });

    // 返回顶部按钮
	$('#gototop').click(function() {
		$('html, body').animate({scrollTop: 0}, 300);
	});
});

